// require:
//    variable[jquery]
// `<style id="js-theme-color-1">
//     :root{
//         /* --btn-color: rgb(27, 106, 126); */
//         --color-1: #2d5252;
//     }
//     </style>
//     <style id="js-theme-color-2">
//     :root{
//         /* btn */
//         --color-2: #009688;
//     }
//     </style>
//     <style id="js-theme-color-h5-main">
//     :root{
//         /* btn */
//         --color-h5-main: #009688;
//     }
//     </style>
//     <style id="js-theme-color-bg">
//     :root {
//         --color-bg: #383838;
//         /* --bg-color: rgba(14, 20, 24, 0.993); */
//     }
//     </style>`
$(function () {
  // const lastTime = parseInt(localStorage.getItem("last-req-theme")) || 0;
  // if(lastTime<1 || new Date().getTime() - lastTime > 10000){ // 未请求 / 10秒了
    getStyleData(0);
  // }
});
function setThemeColor(type, val) {
  const id = `js-theme-color-${type}`;
  let $theme = $("#" + id);
  let style = `:root{
        --color-${type}: ${val}
      }`;
  // console.log("style", style);
  if ($theme.length) {
    $theme.html(style);
  } else {
    $("head").append(`<style id='${id}'>${style}</style>`);
  }
}
function getStyleData(id) {
  $.ajax({
    url: window.origin + "/eip-web-sponsor/project/information/getInformationByProjectId",
    dataType: "json",
    type: "post",
    async: true,
    data: { projectId: 0 },
    success: function (data) {
      if (data.state == 1) {
        var datas = data.result;
        localStorage.setItem("last-req-theme", new Date().getTime());
        datas.forEach(function (element, index) {
          if (element.type == 116) {
            // 背景色
            // console.log(116,element)
            if (element.content) {
              setThemeColor("bg", element.content);
            }
          } else if (element.type == 15) {
            // h5 首页背景图
            localStorage.setItem('vip-center-img-bg', JSON.stringify(element.pic || ''))
          } else if (element.type == 14) {
            // 辅色1 : h5 主色调
            if (element.content) {
              setThemeColor("h5-main", element.content);
            }
          } else if (element.type == 119) {
            // 辅色1 : 主色调
            // console.log(119, element);
            if (element.content) {
              setThemeColor("2", element.content);
            }
            // }else if(element.type == 122){ // 辅色2
            //     // console.log(122,element)
            //     if(element.content){
            //         setThemeColor('1',element.content)
            //     }
          }
        });
      }
    },
  });
}
